<template>
	<view>
		<view style="position:relative">
			<image src="/static/cliend/112.png" mode="" style="width: 100vw;height: 378rpx;z-index:-1;"></image>
		</view>
		<hx-navbar ref="hxnb" :config="config" />
		<view style="margin-top:-350rpx;padding:0 30rpx;border-radius: 40rpx 40rpx 0rpx 0rpx;">
			<image src="/static/me/seeding.jpg" mode="aspectFit" style="width: 690rpx;height: 300rpx;margin:20rpx 0;"
				@tap="gologin"></image>
		</view>
		<view class="flex justify-between" style="flex-wrap: wrap;margin: 30rpx;">
			<view class="seeding" v-for="(item,index) in seedingData" :key="index">
				<image :src="item.image" style="width: 330rpx;height:186rpx;" mode=""></image>
				<view class="flex align-center" style="flex-wrap:nowrap;padding: 10rpx 20rpx;">
					<image :src="item.head" style="width: 48rpx;height:48rpx;" mode=""></image>
					<view style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 28rpx;margin-left: 30rpx;">
						{{item.title}}
					</view>
				</view>
				<view class="flex justify-between" style="padding: 10rpx 20rpx;">
					<view class="flex align-center">
						<image src="/static/me/videoeye.png" style="width: 48rpx;height:48rpx;" mode=""></image>
						<text style="color: rgba(30,30,30,0.3);font-size: 24rpx;margin-left: 15rpx;">{{item.videoeye}}个镜头</text>
					</view>
					<view class="flex align-center"
						style="background: rgba(30,30,30,0.1);height: 38rpx;border-radius: 12rpx;color: rgba(30,30,30,0.3);font-size: 24rpx;padding:0 5rpx;line-height: 38rpx;">
						前往工厂 >>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				config: {
					title: '工厂直播',
					color: '#111111',
					backgroundColor: [1, 'transparent'],
					border: true,
					// #ifdef H5
					backPage: '',
					// #endif
				},
				seedingData:[{
					image:'/static/me/8481.png',
					head:'../../../static/cliend/plot.png',
					title:'洛可可装饰设工作室',
					videoeye:'2'
				},
				{
					image:'/static/me/7786.png',
					head:'../../../static/cliend/plot.png',
					title:'木槿家居工作室',
					videoeye:'3'
				},
				{
					image:'/static/me/7787.png',
					head:'../../../static/cliend/plot.png',
					title:'宜家工厂',
					videoeye:'1'
				}]
			}
		},
		onLoad() {

		},
		methods: {
			gologin() {
				this.$tools.goPage("/clientEnd/page/factor/liveDetail")
			},
		}
	}
</script>

<style scoped>
	.seeding {
		background-color: #fff;
		width: 330rpx;
		margin-bottom: 40rpx;
	}
</style>
